<template>
	<view class="shop_con">
		<image :src="shopimg" mode="aspectFill"></image>
		<view class="" style="padding: 0 10px;">
			<view class="text_hidden2 fw-b shopName" style="margin: 4px 0;">
				{{shopname}}
			</view>
			<view class="">
				<text class="c-red ft_16 fw-b newPrice">￥{{newprice}}</text>
				<view class="ft_12 c-999 oldprice">￥{{oldprice}}</view>
			</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		props:['shopimg','shopname','oldprice','newprice','man','yuexiao'],
		name:"shop",
		data() {
			return {
				
			};
		},
		onLoad(){
			console.log(man);
			console.log(shopimg);
		},
	}
</script>

<style lang="scss">
.shop_con{
	width: 95%;padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 10rpx;
	overflow: hidden;
	margin-bottom: 10px;
	image{
		width: 100%;height: 140px;
	}
	.oldprice{
		text-decoration: line-through;font-size: 12px;
font-family: PingFang SC;
font-weight: 400;
line-height: 17px;
color: #CCCCCC;
	}
	.manjian{
		border: 1px solid #f68d8d;padding: 3px;color: #f68d8d;
	}
	.addcart{
		width: 24px;height: 24px;background-color: #ee9a20;border-radius: 50%;
		image{
			width: 12px;height: 12px;
		}
	}
}
.shopName{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	line-height: 20px;
	color: #333333;
}
.newPrice{
	font-size: 16px;
	font-family: DIN;
	font-weight: bold;
	line-height: 14px;
	color: #FF0909;
}
</style>
